<script setup>
import { computed, defineComponent, onMounted, ref, shallowRef, watch } from "vue";
import { zhCN, dateZhCN, darkTheme, NConfigProvider } from "naive-ui";
import sideTop from "@/views/side/sideTop.vue";
import sideFooter from "@/views/side/sideFooter.vue";
import Content from "@/views/content.vue";

const themeOverrides = {
	common: {
		primaryColor: "#e13d36",
		primaryColorHover: "#e13d36",
		primaryColorPressed: "#e13d36",
	},
};
const n_zhCN = zhCN;
const n_dateZhCN = dateZhCN;
const theme = null;
</script>

<template>
	<div id="nav">
		<n-config-provider :date-locale="n_dateZhCN" :locale="n_zhCN" :theme="theme" :theme-overrides="themeOverrides">
			<n-message-provider>
				<side-top></side-top>
				<content></content>
				<side-footer></side-footer>
			</n-message-provider>
		</n-config-provider>
	</div>
</template>

<style scoped>
#nav {
	width: 100%;
}
</style>
